<template>
	<view>
		<view class="perItem">
			<view class="perTit">个人简介</view>
			<view class="perCon">反倒是疗法看官方打工浪费的结果；立刻发动进攻反倒是疗法看的健身房</view>
		</view>
		<view class="perItem">
			<view class="perTit">教育程度</view>
			<view class="perCon">博士</view>
		</view>
		<view class="perItem">
			<view class="perTit">荣获证书</view>
			<view class="perCon">
				<view class="conItem">佛挡杀佛国家法律看到过</view>
				<view class="conItem">佛挡看到过</view>
				<view class="conItem">佛挡看到过</view>
			</view>
		</view>
		<view class="perItem">
			<view class="perTit">擅长领域</view>
			<view class="perCon">情绪压力/婚姻家庭/职场发展</view>
		</view>
		<view class="perItem">
			<view class="perTit">擅长领域介绍</view>
			<view class="perCon">非独立思考附近规范的两个空间发的过了多久过来的空间感开理发店广泛的交流过</view>
		</view>
		<view class="perItem">
			<view class="perTit">擅长服务</view>
			<view class="perCon hasFlex">
				<view class="flexItem">关系改善</view>
				<view class="flexItem">情感修复</view>
				<view class="flexItem">创伤修复</view>
			</view>
		</view>
		<view class="perItem">
			<view class="perTit">擅长服务</view>
			<view class="perCon hasFlex">
				<view class="flexItem">关系改善</view>
				<view class="flexItem">情感修复</view>
				<view class="flexItem">创伤修复</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		
	}
</script>

<style lang="scss" scoped>
	.perItem{
		margin-bottom: 15rpx;
	}
	.comCol{
		color: $sq-main0;
	}
	.perTit{
		@extend .comCol;
		font-size: 28rpx;
		margin-bottom: 5rpx;
		font-weight: 600;
	}
	.perCon{
		@extend .comCol;
		font-size: 27rpx;
		.flexItem{
			height: 40rpx;
			line-height: 40rpx;
			font-size: 24rpx;
			background: $sq-fue;
			padding: 0 10rpx;
			color: $sq-main8;
			border-radius: 8rpx;
			margin-right: 15rpx;
		}
	}
</style>